<template>
	<view class="list-wrapper-container">
		<view class="record-item" v-for="(item,index) in list" :key="index">
			<text-item v-if="item.type === 1" :record="item" />
			<image-item v-if="item.type === 2" :record="item" />
			<video-item v-if="item.type === 3" :record="item" />
		</view>
	</view>
</template>

<script>
	import ImageItem from './image-item.vue'
	import TextItem from './text-item.vue'
	import VideoItem from './video-item.vue'
	export default {
		components: {
			ImageItem,
			TextItem,
			VideoItem,
		},
		props: ['list'],
	}
</script>

<style lang="scss" scoped>
	.list-wrapper-container {
		.record-item {
			margin-bottom: 16rpx;

			&:last-child {
				margin-bottom: 0;
			}
		}
	}
</style>